/*
 * Copyright (c) 2019-2022 YunLong Chen
 * Project Qing is licensed under Mulan PSL v2.
 * You can use this software according to the terms and conditions of the Mulan PSL v2.
 * You may obtain a copy of Mulan PSL v2 at:
 *          http://license.coscl.org.cn/MulanPSL2
 * THIS SOFTWARE IS PROVIDED ON AN "AS IS" BASIS, WITHOUT WARRANTIES OF ANY KIND,
 * EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO NON-INFRINGEMENT,
 * MERCHANTABILITY OR FIT FOR A PARTICULAR PURPOSE.
 * See the Mulan PSL v2 for more details.
 *
 */


.catalog_type {
    padding: 8px 8px 6px 2px;
    color: #808081;
    float: left;
    text-align: left;
    width: 3em;
    line-height: 24px;
    /*font-weight: bold;*/
}

.catalog_lbs {
    text-align: left;
    padding: 6px 2px;
}


.ibutton {
    padding: 4px 3px;
    text-decoration: none;
    line-height: 20px;
    margin: 1px 0;
    font-size: 1.1em;
}

.ibutton {
    display: inline-block;
    background: transparent;
    border: 1px solid transparent;
    border-radius: 1px;
}

.ibutton:hover, .ibutton:active {
    background-color: #3d4f61;
}

.ibutton_current {
    background-color: #3d4f61;
}


/* ------- catalog ------------------ */


.search-list {
    font-family: arial, serif;
    width: auto;
    height: auto;
    display: inline-block;
    margin: 0 10px;
    border: 1px solid #444;

}

.search-list span {
    width: 4em;
    text-align: right;
    margin: .5em 0 0 .5em;
    display: inline-block
}

.search-list li {
    color: #2b2b2b;
    margin: 0 .9em 0 0;
    width: 100%;
    border-bottom: 1px solid #444;
    float: left
}

.search-list li:last-child {
    border-bottom: none
}

.search-list li ul li.on a {
    color: #fff;
    background: #C00;
}

.search-list li ul li a:hover {
    color: #fff;
    background: #404040;
}


.search-tag {
    margin-top: .5em;
    width: 92%;
    float: right
}

.search-tag li {
    display: inline-block;
    padding-right: 1em;
    border-right: 1px solid #ddd;
    font-size: 100%;
    color: #1149ce;
    width: auto;
    border-bottom: none;
    margin-bottom: .5em
}

.search-tag li:last-child {
    border-right: none
}

@media only screen and (min-width: 0em) and (max-width: 40em) {
    .baseblock .blockcontent {
        padding: 8px 4px;
    }

    .search-tag {
        width: 76%;
        white-space: nowrap;
        overflow-x: auto;
        float: right;

    }

    .search-tag li {
        float: unset;
        border: 0;
        border-left: 1px solid #444;
        margin: 0 .3em .3em 0;
        padding: .15em 0 .3em .6em;
    }

    .search-tag li a {
        border: 1px solid #555;
        padding: .15em .5em .15em .5em;
        text-decoration: none;
        color: #CCC;
    }

    .search-list li ul li.on a {
        color: #C80000;
        border-color: #C80000;
        background-color: unset;
        font-weight: bold;
    }

    .search-list {
        margin: 0 0;
        border: 1px solid #444;
        width: 99%;
    }

    .search-list > li {
        width: 99%;
        margin: 0;
    }

    .search-list span {
        overflow-x: auto;
        white-space: nowrap;
        border: 1px solid #654;
        text-align: left;
        width: 16%;
        padding: .1em 0 .1em .5em;
    }

    #result_count {
        position: relative;
    }

    .result_count {
        position: relative;
    }
}

